<!DOCTYPE html>
<html>
<head>
	<title>任务八：响应式网格（栅格化）布局</title>
	<link rel="stylesheet" type="text/css" href="test8.css">
	<meta charset="utf-8">
</head>
<body>
<div class="container">
	<div class="box1">1</div>
	<div class="box2">2</div>
	<div class="box3">3</div>
	<div class="box4">4</div>
	<div class="box5">5</div>
	<div class="box6">6</div>
	<div class="box7">7</div>
	<div class="box8">8</div>
	<div class="box9">9</div>
	<div class="box10">10</div>
	<div class="box11">11</div>
	<div class="clear"></div>
</div>
</body>
</html>